<!DOCTYPE html>
<html lang="es-ES">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Form | Element Plus</title>
    <meta name="description" content="A Vue 3 based component library for designers and developers">
    <link rel="stylesheet" href="/assets/style.e2a9e121.css">
    <link rel="modulepreload" href="/assets/chunks/validation.2cdd96b6.js">
    <link rel="modulepreload" href="/assets/chunks/contributors.b1907dec.js">
    <link rel="modulepreload" href="/assets/app.9c6c24e4.js">
    <link rel="modulepreload" href="/assets/es-ES_component_form.md.f61ce21a.lean.js">
    
    <link rel="icon" href="/images/element-plus-logo-small.svg" type="image/svg+xm">
  <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
  <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
  <meta name="theme-color" content="#ffffff">
  <meta name="msapplication-TileColor" content="#409eff">
  <meta name="msapplication-config" content="/browserconfig.xml">
  <meta property="og:image" content="/images/element-plus-og-image.png">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="630">
  <meta property="og:description" content="A Vue 3 based component library for designers and developers">
  <script>window.supportedLangs=["en-US","es-ES","zh-CN"];</script>
  <script>(()=>{const o=window.supportedLangs,a="preferred_lang",r="en-US",s={en:"en-US",fr:"fr-FR",es:"es-ES"};let e=localStorage.getItem(a)||navigator.language;const n=s[e]||(o.includes(e)?e:r);if(localStorage.setItem(a,n),e=n,!location.pathname.startsWith(`/${e}`)){const t=[`/${e}`].concat(location.pathname.split("/").slice(2)).join("/");location.pathname=t.endsWith(".html")||t.endsWith("/")?t:t.concat("/")}navigator&&navigator.serviceWorker.controller&&navigator.serviceWorker.controller.postMessage({type:"LANG",lang:e})})();</script>
  <script async="true" src="https://www.googletagmanager.com/gtag/js?id=UA-175337989-1"></script>
  <script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/sw.js").then(function(o){console.log(o)}).catch(function(o){console.log(o)});</script>
  <script async="true">window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","UA-175337989-1");</script>
  <script async="true" src="https://www.googletagmanager.com/gtag/js?id=G-M74ZHEQ1M1"></script>
  <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-M74ZHEQ1M1");</script>
  <script async="true">var resource=document.createElement("link");resource.setAttribute("rel","stylesheet"),resource.setAttribute("href","https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700,800|Open+Sans:400,600;display=swap"),resource.setAttribute("type","text/css");var head=document.querySelector("head");head.appendChild(resource);</script>
  <script>(()=>{const e=localStorage.getItem("el-theme-appearance");(e==="auto"?window.matchMedia("(prefers-color-scheme: dark)").matches:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
  <meta name="twitter:title" content="Form | Element Plus">
  <meta property="og:title" content="Form | Element Plus">
  </head>
  <body>
    <div id="app"><div class="App"><!--[--><span tabindex="-1" data-v-d2e1b550></span><a href="#page-content" class="skip-link visually-hidden" data-v-d2e1b550>Ir al contenido</a><!--]--><!----><header class="navbar has-sidebar"><div class="navbar-wrapper" data-v-74f3ae96><div class="header-container" data-v-74f3ae96><div class="logo-container" data-v-74f3ae96><a href="/es-ES/" data-v-74f3ae96><img class="logo" src="/images/element-plus-logo.svg" alt="Element Plus Logo" data-v-74f3ae96></a></div><div class="content" data-v-74f3ae96><div id="docsearch" class="algolia-search-box search" data-v-74f3ae96></div><nav class="navbar-menu menu" data-v-74f3ae96><!--[--><a class="link-item link is-menu-link" href="/es-ES/guide/design" data-v-76aa4338 data-v-36735cb0><!--[--><!--[-->Guías<!--]--><!--]--><!----></a><a class="link-item link is-menu-link active" href="/es-ES/component/overview" data-v-76aa4338 data-v-36735cb0><!--[--><!--[-->Componentes<!--]--><!--]--><!----></a><a class="link-item link is-menu-link" href="/es-ES/resource/index" data-v-76aa4338 data-v-36735cb0><!--[--><!--[-->Recursos<!--]--><!--]--><!----></a><!--]--></nav><div class="theme-toggler-content theme-toggler" data-v-74f3ae96 data-v-b1b91f92><div aria-label="act./desac. modo oscuro" aria-checked="false" data-v-b1b91f92 data-v-0180af72><!----></div></div><div class="translation-container translation" data-v-74f3ae96 data-v-12008bb2><!----></div><div class="social-links" data-v-74f3ae96 data-v-76aa5200><!--[--><a href="https://github.com/element-plus/element-plus" title="GitHub" target="_blank" rel="noreferrer noopener" class="social-link" data-v-76aa5200 data-v-72eabb9c><i class="el-icon" style="font-size:24px;" data-v-72eabb9c><!--[--><svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" data-v-72eabb9c><path fill="currentColor" d="M12 2C6.475 2 2 6.475 2 12a9.994 9.994 0 0 0 6.838 9.488c.5.087.687-.213.687-.476c0-.237-.013-1.024-.013-1.862c-2.512.463-3.162-.612-3.362-1.175c-.113-.288-.6-1.175-1.025-1.413c-.35-.187-.85-.65-.013-.662c.788-.013 1.35.725 1.538 1.025c.9 1.512 2.338 1.087 2.912.825c.088-.65.35-1.087.638-1.337c-2.225-.25-4.55-1.113-4.55-4.938c0-1.088.387-1.987 1.025-2.688c-.1-.25-.45-1.275.1-2.65c0 0 .837-.262 2.75 1.026a9.28 9.28 0 0 1 2.5-.338c.85 0 1.7.112 2.5.337c1.912-1.3 2.75-1.024 2.75-1.024c.55 1.375.2 2.4.1 2.65c.637.7 1.025 1.587 1.025 2.687c0 3.838-2.337 4.688-4.562 4.938c.362.312.675.912.675 1.85c0 1.337-.013 2.412-.013 2.75c0 .262.188.574.688.474A10.016 10.016 0 0 0 22 12c0-5.525-4.475-10-10-10z"></path></svg><!--]--></i></a><!--]--></div><button class="reset-btn menu-hamburger hamburger" aria-label="navegación móvil" aria-expanded="false" aria-controls="full-screen" data-v-74f3ae96><span class="hamburger-1"></span><span class="hamburger-2"></span><span class="hamburger-3"></span></button></div></div></div><!----></header><div class="sub-nav py-3 flex items-center"><button class="reset-btn sidebar-button flex items-center" aria-expanded="false"><i class="el-icon mr-2" style="font-size:20px;"><!--[--><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="2" y="7" width="11" height="2" fill="#606266"></rect><rect x="2" y="11" width="14" height="2" fill="#606266"></rect><rect x="2" y="15" width="8" height="2" fill="#606266"></rect><rect x="2" y="3" width="16" height="2" fill="#606266"></rect></svg><!--]--></i><span class="leading-6">Menu</span></button><button ariadisabled="false" type="button" class="el-button is-link go-back-top height-5" style=""><!--v-if--><span class=""><!--[--> Back to top <!--]--></span></button></div><div class="el-scrollbar sidebar"><div class="el-scrollbar__wrap el-scrollbar__wrap--hidden-default" style=""><div class="el-scrollbar__view" style=""><!--[--><aside><!--[--><div class="page-content-main-b" data-v-0407b15a><p class="title" data-v-0407b15a>Patrocinado por</p><div data-v-0407b15a data-v-23d0a532><!--[--><a href="https://melecode.com/" title="美乐 - 企业级全栈低代码开发平台" class="sponsor-item inline-flex" style="" target="_blank" data-v-23d0a532><img src="/images/sponsors/mele-banner.png" alt="美乐" data-v-23d0a532></a><a href="https://vform666.com/" title="VForm - Vue 2/3 可视化低代码表单" class="sponsor-item inline-flex" style="" target="_blank" data-v-23d0a532><img src="/images/sponsors/vform-banner.png" alt="VForm" data-v-23d0a532></a><a href="https://www.jnpfsoft.com/index.html?from=elementUI" title="JNPF - JNPF 低代码开发平台，让开发变得简单！" class="sponsor-item inline-flex" style="" target="_blank" data-v-23d0a532><img src="/images/sponsors/jnpfsoft.jpg" alt="JNPF" data-v-23d0a532></a><!--]--></div><div data-v-0407b15a data-v-97807a40><!--[--><!--]--></div></div><!--]--><div class="sidebar-groups"><!--[--><section class="sidebar-group"><p class="sidebar-group__title">Overview</p><!--[--><a class="link" href="/es-ES/component/overview" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Overview</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Basic</p><!--[--><a class="link" href="/es-ES/component/button" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Button</p><!----></a><a class="link" href="/es-ES/component/border" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Border</p><!----></a><a class="link" href="/es-ES/component/color" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Color</p><!----></a><a class="link" href="/es-ES/component/container" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Layout Container</p><!----></a><a class="link" href="/es-ES/component/icon" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Icon</p><!----></a><a class="link" href="/es-ES/component/layout" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Layout</p><!----></a><a class="link" href="/es-ES/component/link" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Link</p><!----></a><a class="link flex items-center" href="/es-ES/component/text" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Text</p><span class="el-tag el-tag--primary el-tag--small el-tag--plain is-hit is-round ml-2" style="" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.3.0<!--]--></span><!--v-if--></span></a><a class="link" href="/es-ES/component/scrollbar" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Scrollbar</p><!----></a><a class="link" href="/es-ES/component/space" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Space</p><!----></a><a class="link" href="/es-ES/component/typography" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Typography</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Configuration</p><!--[--><a class="link" href="/es-ES/component/config-provider" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Config Provider</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Form</p><!--[--><a class="link" href="/es-ES/component/autocomplete" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Autocomplete</p><!----></a><a class="link" href="/es-ES/component/cascader" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Cascader</p><!----></a><a class="link" href="/es-ES/component/checkbox" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Checkbox</p><!----></a><a class="link" href="/es-ES/component/color-picker" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Color Picker</p><!----></a><a class="link" href="/es-ES/component/date-picker" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Date Picker</p><!----></a><a class="link" href="/es-ES/component/datetime-picker" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>DateTime Picker</p><!----></a><a class="link active" href="/es-ES/component/form" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Form</p><!----></a><a class="link" href="/es-ES/component/input" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Input</p><!----></a><a class="link" href="/es-ES/component/input-number" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Input Number</p><!----></a><a class="link" href="/es-ES/component/radio" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Radio</p><!----></a><a class="link" href="/es-ES/component/rate" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Rate</p><!----></a><a class="link" href="/es-ES/component/select" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Select</p><!----></a><a class="link" href="/es-ES/component/select-v2" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Virtualized Select</p><!----></a><a class="link" href="/es-ES/component/slider" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Slider</p><!----></a><a class="link" href="/es-ES/component/switch" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Switch</p><!----></a><a class="link" href="/es-ES/component/time-picker" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Time Picker</p><!----></a><a class="link" href="/es-ES/component/time-select" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Time Select</p><!----></a><a class="link" href="/es-ES/component/transfer" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Transfer</p><!----></a><a class="link flex items-center" href="/es-ES/component/tree-select" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>TreeSelect</p><span class="el-tag el-tag--primary el-tag--small el-tag--plain is-hit is-round ml-2" style="" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.1.8<!--]--></span><!--v-if--></span></a><a class="link" href="/es-ES/component/upload" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Upload</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Data</p><!--[--><a class="link" href="/es-ES/component/avatar" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Avatar</p><!----></a><a class="link" href="/es-ES/component/badge" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Badge</p><!----></a><a class="link" href="/es-ES/component/calendar" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Calendar</p><!----></a><a class="link" href="/es-ES/component/card" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Card</p><!----></a><a class="link" href="/es-ES/component/carousel" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Carousel</p><!----></a><a class="link" href="/es-ES/component/collapse" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Collapse</p><!----></a><a class="link" href="/es-ES/component/descriptions" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Descriptions</p><!----></a><a class="link" href="/es-ES/component/empty" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Empty</p><!----></a><a class="link" href="/es-ES/component/image" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Image</p><!----></a><a class="link" href="/es-ES/component/infinite-scroll" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Infinite Scroll</p><!----></a><a class="link" href="/es-ES/component/pagination" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Pagination</p><!----></a><a class="link" href="/es-ES/component/progress" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Progress</p><!----></a><a class="link" href="/es-ES/component/result" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Result</p><!----></a><a class="link" href="/es-ES/component/skeleton" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Skeleton</p><!----></a><a class="link" href="/es-ES/component/table" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Table</p><!----></a><a class="link flex items-center" href="/es-ES/component/table-v2" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Virtualized Table</p><span class="el-tag el-tag--primary el-tag--small el-tag--plain is-hit is-round ml-2" style="" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.2.0<!--]--></span><!--v-if--></span></a><a class="link" href="/es-ES/component/tag" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Tag</p><!----></a><a class="link" href="/es-ES/component/timeline" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Timeline</p><!----></a><a class="link flex items-center" href="/es-ES/component/tour" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Tour</p><span class="el-tag el-tag--primary el-tag--small el-tag--plain is-hit is-round ml-2" style="" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.5.0<!--]--></span><!--v-if--></span></a><a class="link" href="/es-ES/component/tree" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Tree</p><!----></a><a class="link" href="/es-ES/component/tree-v2" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Virtualized Tree</p><!----></a><a class="link flex items-center" href="/es-ES/component/statistic" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Statistic</p><span class="el-tag el-tag--primary el-tag--small el-tag--plain is-hit is-round ml-2" style="" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.2.30<!--]--></span><!--v-if--></span></a><a class="link flex items-center" href="/es-ES/component/segmented" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Segmented</p><span class="el-tag el-tag--primary el-tag--small el-tag--plain is-hit is-round ml-2" style="" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.7.0<!--]--></span><!--v-if--></span></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Navigation</p><!--[--><a class="link" href="/es-ES/component/affix" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Affix</p><!----></a><a class="link flex items-center" href="/es-ES/component/anchor" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Anchor</p><span class="el-tag el-tag--primary el-tag--small el-tag--plain is-hit is-round ml-2" style="" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.6.0<!--]--></span><!--v-if--></span></a><a class="link" href="/es-ES/component/backtop" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Backtop</p><!----></a><a class="link" href="/es-ES/component/breadcrumb" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Breadcrumb</p><!----></a><a class="link" href="/es-ES/component/dropdown" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Dropdown</p><!----></a><a class="link" href="/es-ES/component/menu" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Menu</p><!----></a><a class="link" href="/es-ES/component/page-header" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Page Header</p><!----></a><a class="link" href="/es-ES/component/steps" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Steps</p><!----></a><a class="link" href="/es-ES/component/tabs" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Tabs</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Feedback</p><!--[--><a class="link" href="/es-ES/component/alert" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Alert</p><!----></a><a class="link" href="/es-ES/component/dialog" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Dialog</p><!----></a><a class="link" href="/es-ES/component/drawer" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Drawer</p><!----></a><a class="link" href="/es-ES/component/loading" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Loading</p><!----></a><a class="link" href="/es-ES/component/message" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Message</p><!----></a><a class="link" href="/es-ES/component/message-box" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Message Box</p><!----></a><a class="link" href="/es-ES/component/notification" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Notification</p><!----></a><a class="link" href="/es-ES/component/popconfirm" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Popconfirm</p><!----></a><a class="link" href="/es-ES/component/popover" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Popover</p><!----></a><a class="link" href="/es-ES/component/tooltip" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Tooltip</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Others</p><!--[--><a class="link" href="/es-ES/component/divider" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Divider</p><!----></a><a class="link flex items-center" href="/es-ES/component/watermark" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Watermark</p><span class="el-tag el-tag--primary el-tag--small el-tag--plain is-hit is-round ml-2" style="" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.4.0<!--]--></span><!--v-if--></span></a><!--]--></section><!--]--></div><!--[--><!--]--></aside><!--]--></div></div><!--[--><div class="el-scrollbar__bar is-horizontal" style="display:none;"><div class="el-scrollbar__thumb" style="width:;transform:translateX(0%);"></div></div><div class="el-scrollbar__bar is-vertical" style="display:none;"><div class="el-scrollbar__thumb" style="height:;transform:translateY(0%);"></div></div><!--]--></div><main id="page-content" class="page-content has-sidebar"><div class="doc-content-wrapper"><div class="doc-content-container"><div style="position:relative;" class="doc-content"><div><h1 id="formulario" tabindex="-1">Formulario <a class="header-anchor vp-link" href="#formulario" aria-hidden="true">#</a></h1><p>El formulario consiste en <code>input</code>, <code>radio</code>, <code>select</code>, <code>checkbox</code> y así sucesivamente. Con el formulario, usted puede recoger, verificar y enviar datos.</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>El componente ha sido actualizado con un diseño flex para reemplazar el antiguo diseño flotante.</p></div><h2 id="formulario-basico" tabindex="-1">Formulario básico <a class="header-anchor vp-link" href="#formulario-basico" aria-hidden="true">#</a></h2><p>Incluye todo tipo de entradas, tales como <code>input</code>, <code>select</code>, <code>radio</code> y <code>checkbox</code>.</p><!----><div class="tip custom-block"><p class="custom-block-title">TIP</p><p><a href="https://www.w3.org/MarkUp/html-spec/html-spec_8.html#SEC8.2" class="vp-link" target="_blank" rel="noopener noreferrer">W3C<svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" class="link-icon"><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg></a> reglamenta esto</p><blockquote><p><i><i>Cuando solo hay un campo de entrada de texto de una sola línea en un formulario, el agente de usuario debe aceptar Enter en ese campo como una solicitud de envío del formulario.</i>. </i> Para evitar este comportamiento, puede añadir <code>@submit.prevent</code> en <code>&lt;el-form&gt;</code>.</p></blockquote></div><h2 id="formulario-inline" tabindex="-1">Formulario inline <a class="header-anchor vp-link" href="#formulario-inline" aria-hidden="true">#</a></h2><p>Cuando el espacio vertical es limitado y el formulario es relativamente simple, puede ponerlo en una única línea.</p><!----><h2 id="alineacion" tabindex="-1">Alineación <a class="header-anchor vp-link" href="#alineacion" aria-hidden="true">#</a></h2><p>Dependiendo de su diseño, hay varias maneras diferentes de alinear la etiqueta.</p><!----><h2 id="validacion" tabindex="-1">Validación <a class="header-anchor vp-link" href="#validacion" aria-hidden="true">#</a></h2><p>Este componente de formulario le permite verificar sus datos, ayudándole a encontrar y corregir errores.</p><!----><h2 id="reglas-personalizadas-de-validacion" tabindex="-1">Reglas personalizadas de validación <a class="header-anchor vp-link" href="#reglas-personalizadas-de-validacion" aria-hidden="true">#</a></h2><p>Este ejemplo muestra cómo personalizar sus propias reglas de validación para finalizar una verificación de contraseña de dos pasos.</p><!----><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>La función de callback de validación personalizada debe ser llamada. Vea más usos avanzados en <a href="https://github.com/yiminghe/async-validator" class="vp-link" target="_blank" rel="noopener noreferrer">async-validator<svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" class="link-icon"><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg></a>.</p></div><h2 id="anadir-eliminar-validaciones-del-elemento-del-formulario" tabindex="-1">Añadir/Eliminar validaciones del elemento del formulario <a class="header-anchor vp-link" href="#anadir-eliminar-validaciones-del-elemento-del-formulario" aria-hidden="true">#</a></h2><!----><h2 id="validacion-numerica" tabindex="-1">Validación numérica <a class="header-anchor vp-link" href="#validacion-numerica" aria-hidden="true">#</a></h2><!----><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>Cuando un elemento <code>el-form-item</code> es anidado en otro <code>el-form-item</code>, su ancho de etiqueta será <code>0</code>. Puedes establecer <code>label-width</code> en ese <code>el-form-item</code> si es necesario.</p></div><h2 id="control-de-tamano" tabindex="-1">Control de tamaño <a class="header-anchor vp-link" href="#control-de-tamano" aria-hidden="true">#</a></h2><p>Todos los componentes de un formulario heredan su atributo <code>size</code> del Form. Del mismo modo, FormItem también tiene un atributo <code>size</code>.</p><!----><h2 id="accesibilidad" tabindex="-1">Accesibilidad <a class="header-anchor vp-link" href="#accesibilidad" aria-hidden="true">#</a></h2><p>Cuando solo una entrada (o control relacionado como un select o un checkbox) está dentro de un elemento <code>el-form-item</code>, la etiqueta del elemento del formulario se adjuntará automáticamente a esa entrada. Sin embargo, si hay múltiples entradas dentro del elemento <code>el-form-item</code>, al elemento del formulario le será asignado el rol <a href="https://www.w3.org/WAI/standards-guidelines/aria/" class="vp-link" target="_blank" rel="noopener noreferrer">WAI-ARIA<svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" class="link-icon"><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg></a> del grupo <a href="https://www.w3.org/TR/wai-aria/#group" class="vp-link" target="_blank" rel="noopener noreferrer"><svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" class="link-icon"><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg></a> en su lugar. En este caso, es su responsabilidad asignar etiquetas de asistencia a las entradas individuales.</p><!----><h2 id="api-del-formulario" tabindex="-1">API del Formulario <a class="header-anchor vp-link" href="#api-del-formulario" aria-hidden="true">#</a></h2><h3 id="atributos-del-formulario" tabindex="-1">Atributos del formulario <a class="header-anchor vp-link" href="#atributos-del-formulario" aria-hidden="true">#</a></h3><div class="vp-table"><table><thead><tr><th>Nombre</th><th>Descripción</th><th>Tipo</th><th>Por defecto</th></tr></thead><tbody><tr><td>model</td><td>Datos del componente de formulario.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">object</code><!----></span></td><td>—</td></tr><tr><td>rules</td><td>Reglas de validación.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">object</code><!----></span></td><td>—</td></tr><tr><td>inline</td><td>Si el formulario es inline.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">boolean</code><!----></span></td><td>false</td></tr><tr><td>label-position</td><td>Posición de la etiqueta. Si se establece en <code>&#39;left&#39;</code> o <code>&#39;right&#39;</code>, se necesita definir la prop<code>label-width</code>.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">enum</code><!----></span></td><td>right</td></tr><tr><td>label-width</td><td>Ancho de la etiqueta, ej.: <code>&#39;50px&#39;</code>. Todos los componentes del formulario que sean hijos directos heredaran este valor. se puede usar <code>auto</code>.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span> / <span class="inline-flex items-center"><code class="api-typing mr-1">number</code><!----></span></td><td>&#39;&#39;</td></tr><tr><td>label-suffix</td><td>Sufijo de la etiqueta.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span></td><td>&#39;&#39;</td></tr><tr><td>hide-required-asterisk</td><td>Si los campos obligatorios deben tener un asterisco rojo (estrella) al lado de sus etiquetas.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">boolean</code><!----></span></td><td>false</td></tr><tr><td>require-asterisk-position</td><td>Posición del asterisco.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">enum</code><!----></span></td><td>left</td></tr><tr><td>show-message</td><td>Si mostrar o no el mensaje de error.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">boolean</code><!----></span></td><td>true</td></tr><tr><td>inline-message</td><td>Si mostrar el mensaje de error en línea con el elemento del formulario.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">boolean</code><!----></span></td><td>false</td></tr><tr><td>status-icon</td><td>Si se muestra un icono que indique el resultado de la validación.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">boolean</code><!----></span></td><td>false</td></tr><tr><td>validate-on-rule-change</td><td>Si se desencadena la validación cuando la prop <code>rules</code> cambia.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">boolean</code><!----></span></td><td>true</td></tr><tr><td>size</td><td>Controla el tamaño de los componentes en este formulario.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">enum</code><!----></span></td><td>—</td></tr><tr><td>disabled</td><td>Deshabilitar o no todos los componentes en este formulario. Si se establece en <code>true</code>, anulará la propiedad <code>disabled</code> del componente interior.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">boolean</code><!----></span></td><td>false</td></tr><tr><td>scroll-to-error</td><td>Cuando la validación falla, desplácese a la primera entrada del formulario de error.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">boolean</code><!----></span></td><td>false</td></tr><tr><td>scroll-into-view-options <span class="vp-tag">2.3.2</span></td><td>Cuando la validación falla, se desplaza al primer elemento de error basado en la opción scrollIntoView. <a href="https://developer.mozilla.org/es/docs/Web/API/Element/scrollIntoView" class="vp-link" target="_blank" rel="noopener noreferrer">scrollIntoView<svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" class="link-icon"><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg></a>.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">object</code><!----></span> / <span class="inline-flex items-center"><code class="api-typing mr-1">boolean</code><!----></span></td><td>—</td></tr></tbody></table></div><h3 id="form-events" tabindex="-1">Form Events <a class="header-anchor vp-link" href="#form-events" aria-hidden="true">#</a></h3><div class="vp-table"><table><thead><tr><th>Name</th><th>Descripción</th><th>Tipo</th></tr></thead><tbody><tr><td>validate</td><td>triggers after a form item is validated</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">Function</code><!----></span></td></tr></tbody></table></div><h3 id="form-slots" tabindex="-1">Form Slots <a class="header-anchor vp-link" href="#form-slots" aria-hidden="true">#</a></h3><div class="vp-table"><table><thead><tr><th>Nombre</th><th>Descripción</th><th>Subtags</th></tr></thead><tbody><tr><td>default</td><td>customize default content</td><td>FormItem</td></tr></tbody></table></div><h3 id="exposiciones-del-formulario" tabindex="-1">Exposiciones del formulario <a class="header-anchor vp-link" href="#exposiciones-del-formulario" aria-hidden="true">#</a></h3><div class="vp-table"><table><thead><tr><th>Nombre</th><th>Descripción</th><th>Tipo</th></tr></thead><tbody><tr><td>validate</td><td>Validar todo el formulario. Recibe un callback o devuelve <code>Promise</code>.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">Function</code><!----></span></td></tr><tr><td>validateField</td><td>Validar campos específicos.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">Function</code><!----></span></td></tr><tr><td>resetFields</td><td>Restablece los campos especificados y elimina el resultado de la validación.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">Function</code><!----></span></td></tr><tr><td>scrollToField</td><td>Desplazarse hasta los campos especificados.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">Function</code><!----></span></td></tr><tr><td>clearValidate</td><td>Borrar mensaje de validación para los campos especificados.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">Function</code><!----></span></td></tr><tr><td>fields <span class="vp-tag">2.7.3</span></td><td>Get all fields context.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">array</code><!----></span></td></tr></tbody></table></div><h2 id="formitem-api" tabindex="-1">FormItem API <a class="header-anchor vp-link" href="#formitem-api" aria-hidden="true">#</a></h2><h3 id="formitem-attributes" tabindex="-1">FormItem Attributes <a class="header-anchor vp-link" href="#formitem-attributes" aria-hidden="true">#</a></h3><div class="vp-table"><table><thead><tr><th>Nombre</th><th>Descripción</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td>prop</td><td>A key of <code>model</code>. It could be a path of the property (e.g <code>a.b.0</code> or <code>[&#39;a&#39;, &#39;b&#39;, &#39;0&#39;]</code>). In the use of <code>validate</code> and <code>resetFields</code> method, the attribute is required.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span> / <span class="inline-flex items-center"><code class="api-typing mr-1">string[]</code><!----></span></td><td>—</td></tr><tr><td>label</td><td>Label text.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span></td><td>—</td></tr><tr><td>label-width</td><td>Width of label, e.g. <code>&#39;50px&#39;</code>. <code>&#39;auto&#39;</code> is supported.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span> / <span class="inline-flex items-center"><code class="api-typing mr-1">number</code><!----></span></td><td>&#39;&#39;</td></tr><tr><td>required</td><td>Whether the field is required or not, will be determined by validation rules if omitted.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">boolean</code><!----></span></td><td>—</td></tr><tr><td>rules</td><td>Validation rules of form, see the <a href="#formitemrule" class="vp-link">following table</a>, more advanced usage at <a href="https://github.com/yiminghe/async-validator" class="vp-link" target="_blank" rel="noopener noreferrer">async-validator<svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" class="link-icon"><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg></a>.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">object</code><!----></span></td><td>—</td></tr><tr><td>error</td><td>Field error message, set its value and the field will validate error and show this message immediately.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span></td><td>—</td></tr><tr><td>show-message</td><td>Whether to show the error message.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">boolean</code><!----></span></td><td>true</td></tr><tr><td>inline-message</td><td>Inline style validate message.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span> / <span class="inline-flex items-center"><code class="api-typing mr-1">boolean</code><!----></span></td><td>&#39;&#39;</td></tr><tr><td>size</td><td>Control the size of components in this form-item.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">enum</code><!----></span></td><td>—</td></tr><tr><td>for</td><td>Same as for in native label.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span></td><td>—</td></tr><tr><td>validate-status</td><td>Validation state of formItem.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">enum</code><!----></span></td><td>—</td></tr></tbody></table></div><h4 id="reglas-de-los-componentes-del-formulario" tabindex="-1">Reglas de los componentes del formulario <a class="header-anchor vp-link" href="#reglas-de-los-componentes-del-formulario" aria-hidden="true">#</a></h4><div class="vp-table"><table><thead><tr><th>Nombre</th><th>Descripción</th><th>Tipo</th><th>Por defecto</th></tr></thead><tbody><tr><td>trigger</td><td>How the validator is triggered.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">enum</code><!----></span></td><td>—</td></tr></tbody></table></div><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>Si no desea activar el validador basado en eventos de entrada, establecer el atributo <code>validate-event</code> como <code>false</code> en los componentes de tipo de entrada correspondientes (<code>&lt;el-input&gt;</code>, <code>&lt;el-radio&gt;</code>, <code>&lt;el-select&gt;</code>, . .).</p></div><h3 id="formitem-slots" tabindex="-1">FormItem Slots <a class="header-anchor vp-link" href="#formitem-slots" aria-hidden="true">#</a></h3><div class="vp-table"><table><thead><tr><th>Nombre</th><th>Descripción</th><th>Tipo</th></tr></thead><tbody><tr><td>default</td><td>Content of Form Item.</td><td>—</td></tr><tr><td>label</td><td>Custom content to display on label.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">object</code><!----></span></td></tr><tr><td>error</td><td>Custom content to display validation message.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">object</code><!----></span></td></tr></tbody></table></div><h3 id="formitem-exposes" tabindex="-1">FormItem Exposes <a class="header-anchor vp-link" href="#formitem-exposes" aria-hidden="true">#</a></h3><div class="vp-table"><table><thead><tr><th>Nombre</th><th>Descripción</th><th>Tipo</th></tr></thead><tbody><tr><td>size</td><td>Form item size.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">object</code><!----></span></td></tr><tr><td>validateMessage</td><td>Validation message.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">object</code><!----></span></td></tr><tr><td>validateState</td><td>Validation state.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">object</code><!----></span></td></tr><tr><td>validate</td><td>Validate form item.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">Function</code><!----></span></td></tr><tr><td>resetField</td><td>Reset current field and remove validation result.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">Function</code><!----></span></td></tr><tr><td>clearValidate</td><td>Remove validation status of the field.</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">Function</code><!----></span></td></tr></tbody></table></div><h2 id="type-declarations" tabindex="-1">Type Declarations <a class="header-anchor vp-link" href="#type-declarations" aria-hidden="true">#</a></h2><details><summary>Show declarations</summary><div class="language-ts"><pre><code><span class="token keyword">type</span> <span class="token class-name">Arrayable<span class="token operator">&lt;</span><span class="token constant">T</span><span class="token operator">&gt;</span></span> <span class="token operator">=</span> <span class="token constant">T</span> <span class="token operator">|</span> <span class="token constant">T</span><span class="token punctuation">[</span><span class="token punctuation">]</span>

<span class="token keyword">type</span> <span class="token class-name">FormValidationResult</span> <span class="token operator">=</span> <span class="token builtin">Promise</span><span class="token operator">&lt;</span><span class="token builtin">boolean</span><span class="token operator">&gt;</span>

<span class="token comment">// ValidateFieldsError: see [async-validator](https://github.com/yiminghe/async-validator/blob/master/src/interface.ts)</span>
<span class="token keyword">type</span> <span class="token class-name">FormValidateCallback</span> <span class="token operator">=</span> <span class="token punctuation">(</span>
  isValid<span class="token operator">:</span> <span class="token builtin">boolean</span><span class="token punctuation">,</span>
  invalidFields<span class="token operator">?</span><span class="token operator">:</span> ValidateFieldsError
<span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token builtin">Promise</span><span class="token operator">&lt;</span><span class="token keyword">void</span><span class="token operator">&gt;</span> <span class="token operator">|</span> <span class="token keyword">void</span>

<span class="token comment">// RuleItem: see [async-validator](https://github.com/yiminghe/async-validator/blob/master/src/interface.ts)</span>
<span class="token keyword">interface</span> <span class="token class-name">FormItemRule</span> <span class="token keyword">extends</span> <span class="token class-name">RuleItem</span> <span class="token punctuation">{</span>
  trigger<span class="token operator">?</span><span class="token operator">:</span> Arrayable<span class="token operator">&lt;</span><span class="token builtin">string</span><span class="token operator">&gt;</span>
<span class="token punctuation">}</span>

<span class="token keyword">type</span> <span class="token class-name">Primitive</span> <span class="token operator">=</span> <span class="token keyword">null</span> <span class="token operator">|</span> <span class="token keyword">undefined</span> <span class="token operator">|</span> <span class="token builtin">string</span> <span class="token operator">|</span> <span class="token builtin">number</span> <span class="token operator">|</span> <span class="token builtin">boolean</span> <span class="token operator">|</span> <span class="token builtin">symbol</span> <span class="token operator">|</span> bigint
<span class="token keyword">type</span> <span class="token class-name">BrowserNativeObject</span> <span class="token operator">=</span> Date <span class="token operator">|</span> FileList <span class="token operator">|</span> File <span class="token operator">|</span> Blob <span class="token operator">|</span> RegExp
<span class="token keyword">type</span> <span class="token class-name">IsTuple<span class="token operator">&lt;</span><span class="token constant">T</span> <span class="token keyword">extends</span> ReadonlyArray<span class="token operator">&lt;</span><span class="token builtin">any</span><span class="token operator">&gt;&gt;</span></span> <span class="token operator">=</span> <span class="token builtin">number</span> <span class="token keyword">extends</span> <span class="token class-name"><span class="token constant">T</span></span><span class="token punctuation">[</span><span class="token string">&#39;length&#39;</span><span class="token punctuation">]</span>
  <span class="token operator">?</span> <span class="token boolean">false</span>
  <span class="token operator">:</span> <span class="token boolean">true</span>
<span class="token keyword">type</span> <span class="token class-name">ArrayMethodKey</span> <span class="token operator">=</span> <span class="token keyword">keyof</span> <span class="token builtin">any</span><span class="token punctuation">[</span><span class="token punctuation">]</span>
<span class="token keyword">type</span> <span class="token class-name">TupleKey<span class="token operator">&lt;</span><span class="token constant">T</span> <span class="token keyword">extends</span> ReadonlyArray<span class="token operator">&lt;</span><span class="token builtin">any</span><span class="token operator">&gt;&gt;</span></span> <span class="token operator">=</span> Exclude<span class="token operator">&lt;</span><span class="token keyword">keyof</span> <span class="token constant">T</span><span class="token punctuation">,</span> ArrayMethodKey<span class="token operator">&gt;</span>
<span class="token keyword">type</span> <span class="token class-name">ArrayKey</span> <span class="token operator">=</span> <span class="token builtin">number</span>
<span class="token keyword">type</span> <span class="token class-name">PathImpl<span class="token operator">&lt;</span><span class="token constant">K</span> <span class="token keyword">extends</span> <span class="token builtin">string</span> <span class="token operator">|</span> <span class="token builtin">number</span><span class="token punctuation">,</span> <span class="token constant">V</span><span class="token operator">&gt;</span></span> <span class="token operator">=</span> <span class="token constant">V</span> <span class="token keyword">extends</span>
  <span class="token operator">|</span> Primitive
  <span class="token operator">|</span> BrowserNativeObject
  <span class="token operator">?</span> <span class="token template-string"><span class="token template-punctuation string">`</span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">${</span><span class="token constant">K</span><span class="token interpolation-punctuation punctuation">}</span></span><span class="token template-punctuation string">`</span></span>
  <span class="token operator">:</span> <span class="token template-string"><span class="token template-punctuation string">`</span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">${</span><span class="token constant">K</span><span class="token interpolation-punctuation punctuation">}</span></span><span class="token template-punctuation string">`</span></span> <span class="token operator">|</span> <span class="token template-string"><span class="token template-punctuation string">`</span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">${</span><span class="token constant">K</span><span class="token interpolation-punctuation punctuation">}</span></span><span class="token string">.</span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">${</span>Path<span class="token operator">&lt;</span><span class="token constant">V</span><span class="token operator">&gt;</span><span class="token interpolation-punctuation punctuation">}</span></span><span class="token template-punctuation string">`</span></span>
<span class="token keyword">type</span> <span class="token class-name">Path<span class="token operator">&lt;</span><span class="token constant">T</span><span class="token operator">&gt;</span></span> <span class="token operator">=</span> <span class="token constant">T</span> <span class="token keyword">extends</span> <span class="token class-name">ReadonlyArray<span class="token operator">&lt;</span><span class="token keyword">infer</span> <span class="token constant">V</span><span class="token operator">&gt;</span></span>
  <span class="token operator">?</span> IsTuple<span class="token operator">&lt;</span><span class="token constant">T</span><span class="token operator">&gt;</span> <span class="token keyword">extends</span> <span class="token class-name"><span class="token boolean">true</span></span>
    <span class="token operator">?</span> <span class="token punctuation">{</span>
        <span class="token punctuation">[</span><span class="token constant">K</span> <span class="token keyword">in</span> TupleKey<span class="token operator">&lt;</span><span class="token constant">T</span><span class="token operator">&gt;</span><span class="token punctuation">]</span><span class="token operator">-</span><span class="token operator">?</span><span class="token operator">:</span> PathImpl<span class="token operator">&lt;</span>Exclude<span class="token operator">&lt;</span><span class="token constant">K</span><span class="token punctuation">,</span> <span class="token builtin">symbol</span><span class="token operator">&gt;</span><span class="token punctuation">,</span> <span class="token constant">T</span><span class="token punctuation">[</span><span class="token constant">K</span><span class="token punctuation">]</span><span class="token operator">&gt;</span>
      <span class="token punctuation">}</span><span class="token punctuation">[</span>TupleKey<span class="token operator">&lt;</span><span class="token constant">T</span><span class="token operator">&gt;</span><span class="token punctuation">]</span>
    <span class="token operator">:</span> PathImpl<span class="token operator">&lt;</span>ArrayKey<span class="token punctuation">,</span> <span class="token constant">V</span><span class="token operator">&gt;</span>
  <span class="token operator">:</span> <span class="token punctuation">{</span>
      <span class="token punctuation">[</span><span class="token constant">K</span> <span class="token keyword">in</span> <span class="token keyword">keyof</span> <span class="token constant">T</span><span class="token punctuation">]</span><span class="token operator">-</span><span class="token operator">?</span><span class="token operator">:</span> PathImpl<span class="token operator">&lt;</span>Exclude<span class="token operator">&lt;</span><span class="token constant">K</span><span class="token punctuation">,</span> <span class="token builtin">symbol</span><span class="token operator">&gt;</span><span class="token punctuation">,</span> <span class="token constant">T</span><span class="token punctuation">[</span><span class="token constant">K</span><span class="token punctuation">]</span><span class="token operator">&gt;</span>
    <span class="token punctuation">}</span><span class="token punctuation">[</span><span class="token keyword">keyof</span> <span class="token constant">T</span><span class="token punctuation">]</span>
<span class="token keyword">type</span> <span class="token class-name">FieldPath<span class="token operator">&lt;</span><span class="token constant">T</span><span class="token operator">&gt;</span></span> <span class="token operator">=</span> <span class="token constant">T</span> <span class="token keyword">extends</span> <span class="token class-name">object</span> <span class="token operator">?</span> Path<span class="token operator">&lt;</span><span class="token constant">T</span><span class="token operator">&gt;</span> <span class="token operator">:</span> <span class="token builtin">never</span>
<span class="token comment">// MaybeRef: see [@vueuse/core](https://github.com/vueuse/vueuse/blob/main/packages/shared/utils/types.ts)</span>
<span class="token comment">// UnwrapRef: see [vue](https://github.com/vuejs/core/blob/main/packages/reactivity/src/ref.ts)</span>
<span class="token keyword">type</span> <span class="token class-name">FormRules<span class="token operator">&lt;</span><span class="token constant">T</span> <span class="token keyword">extends</span> MaybeRef<span class="token operator">&lt;</span>Record<span class="token operator">&lt;</span><span class="token builtin">string</span><span class="token punctuation">,</span> <span class="token builtin">any</span><span class="token operator">&gt;</span> <span class="token operator">|</span> <span class="token builtin">string</span><span class="token operator">&gt;</span> <span class="token operator">=</span> <span class="token builtin">string</span><span class="token operator">&gt;</span></span> <span class="token operator">=</span>
  Partial<span class="token operator">&lt;</span>
    Record<span class="token operator">&lt;</span>
      UnwrapRef<span class="token operator">&lt;</span><span class="token constant">T</span><span class="token operator">&gt;</span> <span class="token keyword">extends</span> <span class="token class-name"><span class="token builtin">string</span></span> <span class="token operator">?</span> UnwrapRef<span class="token operator">&lt;</span><span class="token constant">T</span><span class="token operator">&gt;</span> <span class="token operator">:</span> FieldPath<span class="token operator">&lt;</span>UnwrapRef<span class="token operator">&lt;</span><span class="token constant">T</span><span class="token operator">&gt;&gt;</span><span class="token punctuation">,</span>
      Arrayable<span class="token operator">&lt;</span>FormItemRule<span class="token operator">&gt;</span>
    <span class="token operator">&gt;</span>
  <span class="token operator">&gt;</span>

<span class="token keyword">type</span> <span class="token class-name">FormItemValidateState</span> <span class="token operator">=</span> <span class="token keyword">typeof</span> formItemValidateStates<span class="token punctuation">[</span><span class="token builtin">number</span><span class="token punctuation">]</span>
<span class="token keyword">type</span> <span class="token class-name">FormItemProps</span> <span class="token operator">=</span> ExtractPropTypes<span class="token operator">&lt;</span><span class="token keyword">typeof</span> formItemProps<span class="token operator">&gt;</span>

<span class="token keyword">type</span> <span class="token class-name">FormItemContext</span> <span class="token operator">=</span> FormItemProps <span class="token operator">&amp;</span> <span class="token punctuation">{</span>
  $el<span class="token operator">:</span> HTMLDivElement <span class="token operator">|</span> <span class="token keyword">undefined</span>
  size<span class="token operator">:</span> ComponentSize
  validateState<span class="token operator">:</span> FormItemValidateState
  isGroup<span class="token operator">:</span> <span class="token builtin">boolean</span>
  labelId<span class="token operator">:</span> <span class="token builtin">string</span>
  inputIds<span class="token operator">:</span> <span class="token builtin">string</span><span class="token punctuation">[</span><span class="token punctuation">]</span>
  hasLabel<span class="token operator">:</span> <span class="token builtin">boolean</span>
  fieldValue<span class="token operator">:</span> <span class="token builtin">any</span>
  <span class="token function-variable function">addInputId</span><span class="token operator">:</span> <span class="token punctuation">(</span>id<span class="token operator">:</span> <span class="token builtin">string</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token keyword">void</span>
  <span class="token function-variable function">removeInputId</span><span class="token operator">:</span> <span class="token punctuation">(</span>id<span class="token operator">:</span> <span class="token builtin">string</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token keyword">void</span>
  <span class="token function-variable function">validate</span><span class="token operator">:</span> <span class="token punctuation">(</span>
    trigger<span class="token operator">:</span> <span class="token builtin">string</span><span class="token punctuation">,</span>
    callback<span class="token operator">?</span><span class="token operator">:</span> FormValidateCallback
  <span class="token punctuation">)</span> <span class="token operator">=&gt;</span> FormValidationResult
  <span class="token function">resetField</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token operator">:</span> <span class="token keyword">void</span>
  <span class="token function">clearValidate</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token operator">:</span> <span class="token keyword">void</span>
<span class="token punctuation">}</span>
</code></pre></div></details><h2 id="fuente" tabindex="-1">Fuente <a class="header-anchor vp-link" href="#fuente" aria-hidden="true">#</a></h2><p><a href="https://github.com/element-plus/element-plus/tree/dev/packages/components/form" class="vp-link" target="_blank" rel="noopener noreferrer">Componentes<svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" class="link-icon"><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg></a> • <a href="https://github.com/element-plus/element-plus/blob/dev/docs/en-US/component/form.md" class="vp-link" target="_blank" rel="noopener noreferrer">Documentación<svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" class="link-icon"><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg></a></p><h2 id="contribuidores" tabindex="-1">Contribuidores <a class="header-anchor vp-link" href="#contribuidores" aria-hidden="true">#</a></h2><div class="mb-4" data-v-2c2cd08f><div class="flex flex-wrap gap-4 pt-2" data-v-2c2cd08f><!--[--><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/sxzz" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/6481596?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> 三咲智子<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/jw-foss" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/15975785?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Jeremy<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/YunYouJun" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/25154432?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> 云游君<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/btea" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/24516654?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> btea<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/kooriookami" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/38392315?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> kooriookami<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/warmthsea" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/45450994?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> sea / 神秘海<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/ryuhangyeong" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/27342882?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> 류한경<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/chenxch" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/23251408?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Xc<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/purepear" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/144010?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Delyan Haralanov<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/tolking" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/23313167?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> qiang<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/msidolphin" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/26672484?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> msidolphin<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/ModyQyW" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/31850793?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Wu Rui<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/holazz" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/23100055?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> zz<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/plainheart" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/26999792?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Zhongxiang Wang<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/emojiiii" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/30518686?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> C.Y.Kun<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/adaex" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/29560987?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Aex<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/wangbincyzj" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/52363975?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> wangbincyzj<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/baiwusanyu-c" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/32354856?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> 白雾三语<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/921" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/7877834?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> 921<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/FrontEndDog" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/46493087?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> 一只前端汪<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/zzh948498" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/35091020?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> otto<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/cloudcome" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/3362033?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> 云淡然<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/Xaw-xu" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/47593280?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Chen juan<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/Jackie-llv" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/28420052?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Jackie<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/tiansQAQ" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/46640919?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> tiansQAQ<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/wzc520pyfm" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/69044080?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> wzc520pyfm<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/niuxinyu" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/45762373?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> niuxinyu<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/hminghe" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/1744129?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> hminghe<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/HeftyKoo" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/10278227?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Hefty<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/opengraphica" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/57385187?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> opengraphica<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/LYlanfeng" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/17268607?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> LYlanfeng<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/ntnyq" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/22659150?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> ntnyq<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/Otto-J" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/9958583?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> 辛宝Otto<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/cbbfcd" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/20987775?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> 波比小金刚<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/HerringtonDarkholme" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/2883231?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Herrington Darkholme<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/digitalkaoz" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/293591?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Robert Schönthal<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/imswk" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/23303044?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> SongWuKong<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/taosher" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/9622779?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Taosh<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/yeonjulee1005" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/57179957?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Dewdew<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/buqiyuan" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/39730999?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> bqy_fe<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/Ryan2128" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/33176053?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Ryan2128<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/Alanscut" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/21104054?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Alan Wang<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/qige2016" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/18051955?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> qige2016<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/Chris-Kin" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/10802869?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> on the field of hope<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/Hades-li" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/12124478?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Hades-li<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/lkdhy" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/113576575?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Tony Li<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/manyuemeiquqi" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/54520846?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> jiangyeka<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/assasin0076" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/38113445?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> assasin0076<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/achin797" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/19164948?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> achin797<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/xiaoxian521" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/44761321?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> 啝裳<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/fanhefeng" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/28811207?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Soul<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/makedopamine" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/93767616?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> dopamine<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/kaine0923" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/121680374?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Kaine<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/guizoxxv" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/20052395?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> guizo<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/virgosoy" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/13634675?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> virgosoy<!--]--><!----></a></div><!--]--></div></div></div></div><footer class="page-footer" data-v-3e2f3e7f><div class="edit" data-v-3e2f3e7f><div class="edit-link" data-v-3e2f3e7f data-v-7d4aa2c8><a class="link text-sm" href="https://crowdin.com/translate/element-plus/all/en-es" target="_blank" rel="noopener noreferrer" data-v-7d4aa2c8>Editar esta página en Crowdin <i class="el-icon" style="font-size:16px;vertical-align:text-top;line-height:24px;" data-v-7d4aa2c8><!--[--><svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" data-v-7d4aa2c8><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg><!--]--></i></a></div></div></footer><div class="next-and-prev-link" data-v-8ad25866><div class="container" data-v-8ad25866><div class="prev" data-v-8ad25866><a class="link" href="/es-ES/component/datetime-picker" data-v-8ad25866><i class="el-icon mr-1" style="" data-v-8ad25866><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1024 1024" data-v-8ad25866><path fill="currentColor" d="M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"></path></svg><!--]--></i><span class="text" data-v-8ad25866>DateTime Picker</span></a></div><div class="next" data-v-8ad25866><a class="link" href="/es-ES/component/input" data-v-8ad25866><span class="text" data-v-8ad25866>Input</span><i class="el-icon ml-1" style="" data-v-8ad25866><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1024 1024" data-v-8ad25866><path fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"></path></svg><!--]--></i></a></div></div></div></div><aside class="toc-wrapper" data-v-6f13b908><nav class="toc-content" data-v-6f13b908><h3 class="toc-content__heading" data-v-6f13b908>Contents</h3><!----><p class="text-14px font-300 color-$text-color-secondary" data-v-6f13b908>Patrocinado por</p><div class="join sponsors-button mt-4 w-100%" data-v-6f13b908><!--[--><a href="mailto:element-plus@outlook.com" target="_blank" class="el-tooltip__trigger"><button ariadisabled="false" type="button" class="el-button" style="overflow:hidden;"><!--v-if--><span class=""><!--[-->¡Conviértete en un patrocinador!<!--]--></span></button></a><!--teleport start--><!--teleport end--><!--]--></div><div class="right-big" data-v-6f13b908 data-v-1a999eaa><!--[--><a href="http://github.crmeb.net/u/Element?from=element-plus" title="CRMEB - 高品质开源商城系统 累计服务40W+开发者" target="_blank" data-v-1a999eaa><div class="flex bg-#F9F9F9 h-64px rd-4px justify-center items-center" data-v-1a999eaa><div class="h-36px" data-v-1a999eaa><img class="rd-4px h-full" src="/images/sponsors/CRMEB-l.png" alt="CRMEB" data-v-1a999eaa></div></div></a><!--]--></div><div class="flex flex-wrap justify-between right-small" data-v-6f13b908 data-v-1e0a70fc><!--[--><!--[--><a href="https://doc.buildadmin.com/?from=element-plus" title="BuildAdmin - Vue3企业级开源后台管理系统" target="_blank" data-v-1e0a70fc><div class="flex m-b-4px bg-#F9F9F9 rd-0px h-42px w-95px justify-center items-center" data-v-1e0a70fc><img src="/images/sponsors/buildadmin-l.png" alt="BuildAdmin" data-v-1e0a70fc></div></a><!--]--><!--[--><a href="http://www.i-renderer.love/home/index" title="百搭云 - 快速且优雅的低代码平台" target="_blank" data-v-1e0a70fc><div class="flex m-b-4px bg-#F9F9F9 rd-0px h-42px w-95px justify-center items-center" data-v-1e0a70fc><img src="/images/sponsors/baidayun.png" alt="百搭云" data-v-1e0a70fc></div></a><!--]--><!--[--><a href="https://bit.dev/?from=element-ui" title="bit - Share Code" target="_blank" data-v-1e0a70fc><div class="flex m-b-4px bg-#F9F9F9 rd-0px h-42px w-95px justify-center items-center" data-v-1e0a70fc><img src="/images/bit-l.png" alt="bit" data-v-1e0a70fc></div></a><!--]--><!--[--><div class="flex bg-#F9F9F9 rd-0px h-42px w-95px justify-center items-center" data-v-1e0a70fc><div class="color-#ddd text-13px cursor-default" data-v-1e0a70fc>Your logo</div></div><!--]--><!--]--></div><div class="right-rich" data-v-6f13b908 data-v-84253628><!--[--><!--]--></div></nav></aside></div><footer class="footer"><div class="footer-main"><h4>Links</h4><a href="https://github.com/element-plus/element-plus" class="footer-main-link" target="_blank">GitHub</a><a href="https://cn.element-plus.org/zh-CN/" class="footer-main-link" target="_blank">China Mirror 🇨🇳</a><a href="https://github.com/element-plus/element-plus/releases" class="footer-main-link" target="_blank">Changelog</a><a href="https://element.eleme.io/" class="footer-main-link" target="_blank">Element UI para Vue 2</a></div><div class="footer-main"><h4>Comunidad</h4><a href="https://discord.com/invite/gXK9XNzW3X" class="footer-main-link" target="_blank">Discord</a><a href="https://github.com/element-plus/element-plus/issues" class="footer-main-link" target="_blank">Feedback</a><a href="https://github.com/element-plus/element-plus/blob/dev/.github/CONTRIBUTING.en-US.md" class="footer-main-link" target="_blank">Contribuciones</a><a href="https://segmentfault.com/t/element-plus" class="footer-main-link" target="_blank">SegmentFault</a></div></footer></main><!----></div></div>
    <script>__VP_HASH_MAP__ = JSON.parse("{\"en-us_component_affix.md\":\"ff7dffa4\",\"en-us_component_alert.md\":\"cd5a1e5a\",\"en-us_component_anchor.md\":\"9a48cc9f\",\"en-us_component_autocomplete.md\":\"0f589547\",\"en-us_component_avatar.md\":\"02c0aba6\",\"en-us_component_backtop.md\":\"7b0c1932\",\"en-us_component_badge.md\":\"002e14a4\",\"en-us_component_border.md\":\"1ca6f965\",\"en-us_component_breadcrumb.md\":\"2ef63731\",\"en-us_component_button.md\":\"1063d204\",\"en-us_component_calendar.md\":\"eb9d1675\",\"en-us_component_card.md\":\"39e55f42\",\"en-us_component_carousel.md\":\"32115767\",\"en-us_component_cascader.md\":\"bf8dbc75\",\"en-us_component_checkbox.md\":\"98dc0f53\",\"en-us_component_collapse.md\":\"67a5c313\",\"en-us_component_color-picker.md\":\"50cd4caa\",\"en-us_component_color.md\":\"29417b31\",\"en-us_component_config-provider.md\":\"3463b447\",\"en-us_component_container.md\":\"85e4bdf3\",\"en-us_component_date-picker.md\":\"68c06f9e\",\"en-us_component_datetime-picker.md\":\"b999a872\",\"en-us_component_descriptions.md\":\"339dc63b\",\"en-us_component_dialog.md\":\"2cf8cf86\",\"en-us_component_divider.md\":\"421eb5f2\",\"en-us_component_drawer.md\":\"024b53e9\",\"en-us_component_dropdown.md\":\"7ac24bed\",\"en-us_component_empty.md\":\"29b5b47b\",\"en-us_component_form.md\":\"7458dbb1\",\"en-us_component_icon.md\":\"3426aa0f\",\"en-us_component_image.md\":\"ac3532a8\",\"en-us_component_infinite-scroll.md\":\"4c6f7159\",\"en-us_component_input-number.md\":\"a5c4cb11\",\"en-us_component_input.md\":\"c16e2da7\",\"en-us_component_layout.md\":\"2b2af71d\",\"en-us_component_link.md\":\"d30a5d74\",\"en-us_component_loading.md\":\"c6e5ea76\",\"en-us_component_menu.md\":\"e0e7d7ac\",\"en-us_component_message-box.md\":\"fc32bd92\",\"en-us_component_message.md\":\"cd41cb05\",\"en-us_component_notification.md\":\"56a6f299\",\"en-us_component_overview.md\":\"110e854b\",\"en-us_component_page-header.md\":\"38a29a2d\",\"en-us_component_pagination.md\":\"fe79df34\",\"en-us_component_popconfirm.md\":\"503fa4ae\",\"en-us_component_popover.md\":\"e14a3c24\",\"en-us_component_progress.md\":\"3b77a4ca\",\"en-us_component_radio.md\":\"95514d81\",\"en-us_component_rate.md\":\"3ed19909\",\"en-us_component_result.md\":\"081f424e\",\"en-us_component_scrollbar.md\":\"9562ac05\",\"en-us_component_segmented.md\":\"43777257\",\"en-us_component_select-v2.md\":\"8273ca64\",\"en-us_component_select.md\":\"6dfded09\",\"en-us_component_skeleton.md\":\"e5852963\",\"en-us_component_slider.md\":\"16325e17\",\"en-us_component_space.md\":\"3f2861d9\",\"en-us_component_statistic.md\":\"2a66f18b\",\"en-us_component_steps.md\":\"c0c48d3f\",\"en-us_component_switch.md\":\"bc045b26\",\"en-us_component_table-v2.md\":\"2105af2e\",\"en-us_component_table.md\":\"f8c35834\",\"en-us_component_tabs.md\":\"f908f1e5\",\"en-us_component_tag.md\":\"77cd984c\",\"en-us_component_text.md\":\"1580f3e6\",\"en-us_component_time-picker.md\":\"84d6f56c\",\"en-us_component_time-select.md\":\"be608e21\",\"en-us_component_timeline.md\":\"186bed11\",\"en-us_component_tooltip-v2.md\":\"a6daced0\",\"en-us_component_tooltip.md\":\"231fba09\",\"en-us_component_tour.md\":\"837136bc\",\"en-us_component_transfer.md\":\"91a8f888\",\"en-us_component_tree-select.md\":\"5479b050\",\"en-us_component_tree-v2.md\":\"9dc2154b\",\"en-us_component_tree.md\":\"955130e4\",\"en-us_component_typography.md\":\"daf0375f\",\"en-us_component_upload.md\":\"d9accc95\",\"en-us_component_watermark.md\":\"443e8fcb\",\"en-us_guide_changelog.md\":\"3c084145\",\"en-us_guide_commit-examples.md\":\"cc45ed9c\",\"en-us_guide_dark-mode.md\":\"9256892d\",\"en-us_guide_design.md\":\"eac1a1f4\",\"en-us_guide_dev-faq.md\":\"cf746748\",\"en-us_guide_dev-guide.md\":\"d06336e2\",\"en-us_guide_i18n.md\":\"bd361557\",\"en-us_guide_installation.md\":\"85f92b17\",\"en-us_guide_migration.md\":\"0c9aab31\",\"en-us_guide_namespace.md\":\"6affb523\",\"en-us_guide_nav.md\":\"725829ca\",\"en-us_guide_quickstart.md\":\"27523655\",\"en-us_guide_ssr.md\":\"44fd7343\",\"en-us_guide_theming.md\":\"ae3aa2cd\",\"en-us_guide_transitions.md\":\"270de32e\",\"en-us_guide_translation.md\":\"eaabac54\",\"en-us_index.md\":\"2d298cdd\",\"en-us_resource_index.md\":\"34f01ea5\",\"es-es_component_affix.md\":\"6a1bdcbe\",\"es-es_component_alert.md\":\"aa7f77f7\",\"es-es_component_anchor.md\":\"763d2056\",\"es-es_component_autocomplete.md\":\"c422535c\",\"es-es_component_avatar.md\":\"391d791e\",\"es-es_component_backtop.md\":\"97c778cd\",\"es-es_component_badge.md\":\"d4198a37\",\"es-es_component_border.md\":\"c4431903\",\"es-es_component_breadcrumb.md\":\"d8545b03\",\"es-es_component_button.md\":\"e539188f\",\"es-es_component_calendar.md\":\"f682be1c\",\"es-es_component_card.md\":\"4d07a461\",\"es-es_component_carousel.md\":\"5f248bd0\",\"es-es_component_cascader.md\":\"f1da98ff\",\"es-es_component_checkbox.md\":\"e9665537\",\"es-es_component_collapse.md\":\"63f23fe8\",\"es-es_component_color-picker.md\":\"35223bc5\",\"es-es_component_color.md\":\"ecf66faa\",\"es-es_component_config-provider.md\":\"62ac5005\",\"es-es_component_container.md\":\"5844a08e\",\"es-es_component_date-picker.md\":\"a8755dbd\",\"es-es_component_datetime-picker.md\":\"445a7fe9\",\"es-es_component_descriptions.md\":\"7a88f91a\",\"es-es_component_dialog.md\":\"dcf50de9\",\"es-es_component_divider.md\":\"6f5b07f5\",\"es-es_component_drawer.md\":\"140c918c\",\"es-es_component_dropdown.md\":\"bcce96bc\",\"es-es_component_empty.md\":\"ccd86c17\",\"es-es_component_form.md\":\"f61ce21a\",\"es-es_component_icon.md\":\"50ac8e2d\",\"es-es_component_image.md\":\"8df18281\",\"es-es_component_infinite-scroll.md\":\"4419ba97\",\"es-es_component_input-number.md\":\"f8e08c67\",\"es-es_component_input.md\":\"c22c21f5\",\"es-es_component_layout.md\":\"787b2ad6\",\"es-es_component_link.md\":\"a79dfebf\",\"es-es_component_loading.md\":\"ae2cc3a8\",\"es-es_component_menu.md\":\"0adc6293\",\"es-es_component_message-box.md\":\"285f035c\",\"es-es_component_message.md\":\"b523dd42\",\"es-es_component_notification.md\":\"a0c9ea84\",\"es-es_component_overview.md\":\"5c7beefe\",\"es-es_component_page-header.md\":\"fbdbe268\",\"es-es_component_pagination.md\":\"6d21ed8c\",\"es-es_component_popconfirm.md\":\"944cf7f2\",\"es-es_component_popover.md\":\"c5c82a9d\",\"es-es_component_progress.md\":\"09e7e5fa\",\"es-es_component_radio.md\":\"7e9e6292\",\"es-es_component_rate.md\":\"8b333a70\",\"es-es_component_result.md\":\"403b624b\",\"es-es_component_scrollbar.md\":\"b9593bab\",\"es-es_component_segmented.md\":\"64c094d9\",\"es-es_component_select-v2.md\":\"95c9a85e\",\"es-es_component_select.md\":\"692b62a4\",\"es-es_component_skeleton.md\":\"0e6b07c4\",\"es-es_component_slider.md\":\"8e33f911\",\"es-es_component_space.md\":\"1b2a1f23\",\"es-es_component_statistic.md\":\"152a0721\",\"es-es_component_steps.md\":\"2d5805b7\",\"es-es_component_switch.md\":\"d44665e8\",\"es-es_component_table-v2.md\":\"84df4bd5\",\"es-es_component_table.md\":\"18789f35\",\"es-es_component_tabs.md\":\"d72771ad\",\"es-es_component_tag.md\":\"43e81918\",\"es-es_component_text.md\":\"1fcfb5cb\",\"es-es_component_time-picker.md\":\"bf4c067e\",\"es-es_component_time-select.md\":\"92f79417\",\"es-es_component_timeline.md\":\"4c2ff30c\",\"es-es_component_tooltip-v2.md\":\"8b8acbad\",\"es-es_component_tooltip.md\":\"4991646a\",\"es-es_component_tour.md\":\"11bc9eff\",\"es-es_component_transfer.md\":\"e8315055\",\"es-es_component_tree-select.md\":\"8481ec73\",\"es-es_component_tree-v2.md\":\"1f8e11fe\",\"es-es_component_tree.md\":\"13b0bb92\",\"es-es_component_typography.md\":\"9270c5de\",\"es-es_component_upload.md\":\"574f8475\",\"es-es_component_watermark.md\":\"5430e1d8\",\"es-es_guide_changelog.md\":\"1a5b87b0\",\"es-es_guide_commit-examples.md\":\"e6a58951\",\"es-es_guide_dark-mode.md\":\"85f904cf\",\"es-es_guide_design.md\":\"dd162f49\",\"es-es_guide_dev-faq.md\":\"7c4ae8da\",\"es-es_guide_dev-guide.md\":\"3ae1c952\",\"es-es_guide_i18n.md\":\"2118baa5\",\"es-es_guide_installation.md\":\"95803516\",\"es-es_guide_migration.md\":\"3f132e7e\",\"es-es_guide_namespace.md\":\"9856f155\",\"es-es_guide_nav.md\":\"63349cda\",\"es-es_guide_quickstart.md\":\"b1ad1aef\",\"es-es_guide_ssr.md\":\"791df483\",\"es-es_guide_theming.md\":\"97ccf28e\",\"es-es_guide_transitions.md\":\"29cf69a4\",\"es-es_guide_translation.md\":\"5bcefea4\",\"es-es_index.md\":\"1c9a711f\",\"es-es_resource_index.md\":\"f1abbb68\",\"index.md\":\"fe916efd\",\"zh-cn_component_affix.md\":\"cf647355\",\"zh-cn_component_alert.md\":\"eca392e8\",\"zh-cn_component_anchor.md\":\"7a786896\",\"zh-cn_component_autocomplete.md\":\"0fde91c7\",\"zh-cn_component_avatar.md\":\"ba24b56b\",\"zh-cn_component_backtop.md\":\"460d34db\",\"zh-cn_component_badge.md\":\"681178b5\",\"zh-cn_component_border.md\":\"87fc466a\",\"zh-cn_component_breadcrumb.md\":\"535bd42c\",\"zh-cn_component_button.md\":\"4128e583\",\"zh-cn_component_calendar.md\":\"d680314d\",\"zh-cn_component_card.md\":\"0f0f5afe\",\"zh-cn_component_carousel.md\":\"f902fc9f\",\"zh-cn_component_cascader.md\":\"c569aa5b\",\"zh-cn_component_checkbox.md\":\"54316312\",\"zh-cn_component_collapse.md\":\"26965384\",\"zh-cn_component_color-picker.md\":\"5f013e2e\",\"zh-cn_component_color.md\":\"b37f2def\",\"zh-cn_component_config-provider.md\":\"7e48316b\",\"zh-cn_component_container.md\":\"43636a70\",\"zh-cn_component_date-picker.md\":\"0217cca1\",\"zh-cn_component_datetime-picker.md\":\"60d69e0b\",\"zh-cn_component_descriptions.md\":\"6a2c5fcc\",\"zh-cn_component_dialog.md\":\"ba52e130\",\"zh-cn_component_divider.md\":\"639191e5\",\"zh-cn_component_drawer.md\":\"3a0bf571\",\"zh-cn_component_dropdown.md\":\"fa84f7c5\",\"zh-cn_component_empty.md\":\"c7635b32\",\"zh-cn_component_form.md\":\"d52ec6dc\",\"zh-cn_component_icon.md\":\"0487a8b6\",\"zh-cn_component_image.md\":\"9c120e45\",\"zh-cn_component_infinite-scroll.md\":\"38f46d39\",\"zh-cn_component_input-number.md\":\"8a71ee3f\",\"zh-cn_component_input.md\":\"d35eeb9c\",\"zh-cn_component_layout.md\":\"bc675fd0\",\"zh-cn_component_link.md\":\"89225971\",\"zh-cn_component_loading.md\":\"c9fae5ab\",\"zh-cn_component_menu.md\":\"bc7746a1\",\"zh-cn_component_message-box.md\":\"cb16e084\",\"zh-cn_component_message.md\":\"8be6a0d4\",\"zh-cn_component_notification.md\":\"002c9ad3\",\"zh-cn_component_overview.md\":\"3c3503ad\",\"zh-cn_component_page-header.md\":\"f1153fa0\",\"zh-cn_component_pagination.md\":\"7e316c0d\",\"zh-cn_component_popconfirm.md\":\"c8c261e8\",\"zh-cn_component_popover.md\":\"33396fe1\",\"zh-cn_component_progress.md\":\"a45ad1c6\",\"zh-cn_component_radio.md\":\"8d6a36fc\",\"zh-cn_component_rate.md\":\"b9374d23\",\"zh-cn_component_result.md\":\"da3ebb19\",\"zh-cn_component_scrollbar.md\":\"ed75c308\",\"zh-cn_component_segmented.md\":\"e983c8d7\",\"zh-cn_component_select-v2.md\":\"67dccf39\",\"zh-cn_component_select.md\":\"6d3c3517\",\"zh-cn_component_skeleton.md\":\"f43e715e\",\"zh-cn_component_slider.md\":\"a4306965\",\"zh-cn_component_space.md\":\"a3738b82\",\"zh-cn_component_statistic.md\":\"5bf4a0ca\",\"zh-cn_component_steps.md\":\"268b6c0d\",\"zh-cn_component_switch.md\":\"fee6f016\",\"zh-cn_component_table-v2.md\":\"7351c605\",\"zh-cn_component_table.md\":\"191078c2\",\"zh-cn_component_tabs.md\":\"43ccd873\",\"zh-cn_component_tag.md\":\"3243911c\",\"zh-cn_component_text.md\":\"e78046cb\",\"zh-cn_component_time-picker.md\":\"c889f795\",\"zh-cn_component_time-select.md\":\"9037b9bc\",\"zh-cn_component_timeline.md\":\"31c1d81c\",\"zh-cn_component_tooltip-v2.md\":\"7d03850d\",\"zh-cn_component_tooltip.md\":\"a254e320\",\"zh-cn_component_tour.md\":\"c2d42a56\",\"zh-cn_component_transfer.md\":\"f9d17f68\",\"zh-cn_component_tree-select.md\":\"be190e71\",\"zh-cn_component_tree-v2.md\":\"33e2a835\",\"zh-cn_component_tree.md\":\"c0d917d7\",\"zh-cn_component_typography.md\":\"958c01ce\",\"zh-cn_component_upload.md\":\"5e3a45cf\",\"zh-cn_component_watermark.md\":\"709c9962\",\"zh-cn_guide_changelog.md\":\"006e3eb8\",\"zh-cn_guide_commit-examples.md\":\"470a0272\",\"zh-cn_guide_dark-mode.md\":\"a8280f1d\",\"zh-cn_guide_design.md\":\"ecdfbc64\",\"zh-cn_guide_dev-faq.md\":\"3f406323\",\"zh-cn_guide_dev-guide.md\":\"fc4f7b58\",\"zh-cn_guide_i18n.md\":\"2bd9c6ed\",\"zh-cn_guide_installation.md\":\"8dda845f\",\"zh-cn_guide_migration.md\":\"152c0c06\",\"zh-cn_guide_namespace.md\":\"1489fc56\",\"zh-cn_guide_nav.md\":\"c82ea1cc\",\"zh-cn_guide_quickstart.md\":\"598a5162\",\"zh-cn_guide_ssr.md\":\"1faa6801\",\"zh-cn_guide_theming.md\":\"22b9a49a\",\"zh-cn_guide_transitions.md\":\"b40dd547\",\"zh-cn_guide_translation.md\":\"87f8e34c\",\"zh-cn_index.md\":\"209bfa3f\",\"zh-cn_resource_index.md\":\"07b05f83\"}")</script>
    <script type="module" async src="/assets/app.9c6c24e4.js"></script>
    
  </body>
</html>